

$(".selectall").click(function(){
    let bool = $(this).prop("checked");
    $("tbody .singlechk,.selectall").prop("checked",bool);
  
     //算总价
     calTotalPrice()      
  })
 
  $("tbody .singlechk").click(function(){
    // 所有的个数
    let allNum=$("tbody .singlechk").length;
    //选中的个数
    let singleNum= $("tbody .singlechk:checked").length
    // console.log(singleNum,allNum);
    if(allNum==singleNum){
      $(".selectall").prop("checked",true)
    }else{
     $(".selectall").prop("checked",false)
  
    }
  
     //算总价
     calTotalPrice()
  })
  
  
   
  $(".addbtn").click(function(){
    //取文本框的值 
    let val = $(this).siblings(".num").val();
    val++;
    // 再把值赋回去
    $(this).siblings(".num").val( val)

    calcPrice(this,val);
     calTotalPrice()
  
  })
  // 减法
  $(".reducebtn").click(function(){
    // 先取出文本框的值
    let val = $(this).siblings(".num").val();
    if( val>1){
      val--;
      // 再把值赋回去
      $(this).siblings(".num").val( val)
      // console.log(val ,typeof val);
  
    }
      //计算小计
     calcPrice(this,val);
     //计算总价
     calTotalPrice()
  })
  
  //计算小计
  function calcPrice(obj ,num){
      //获取单价 
    let singlePrice = $(obj).parent().siblings(".singleprice").html();
    let price = singlePrice * num;
    // console.log(price,this);//this默认是指向window
    $(obj).parent().siblings(".price").html( price.toFixed(2))
  
  }
  
  function calTotalPrice(){
    let sum = 0;
    let count=0;
   
    $("tbody .singlechk:checked").each(function(index,dom){   //获取复选框
          // console.log( index,dom);
         let price=$(dom).parent().siblings(".price").html();
         sum= sum+ parseFloat( price); 
         //计算数量
        let num = $(dom).parent().siblings(".countbox").find(".num").val();
        count  = count+ parseInt(num);
    })
    console.log('count:',count);
    $("#totalprice").html(sum.toFixed(2) )
    $("#count").html(count);
  }
  // 删除
  $("#del").click(function(){
    $('.miaomiaomiao').css("display","none")
  })
  
  $("#jiji").click(function(){
    $('.jiji').css("display","none")
  })
  
  $("#guagua").click(function(){
    $('.guagua').css("display","none")
  })
  
  $("#wawa").click(function(){
    $('.wawa').css("display","none")
  })
  